<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>口东开发区</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="style/index.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
	<header style="height:250px;background-color:#007bff; ">
		<div class="container">
			<div class="d-flex flex-row justify-content-center align-items-center" style="height: 250px;">
				<div><img src="image/logo.png" alt=""></div>
				<div class="d-flex">
					<form>
						<div class="input-group mb-3 input-group-lg flex-fill">
							<div class="input-group-prepend">
								<span class="input-group-text">搜索</span>
							</div>
							<input type="text" class="form-control ">
						</div>
						<div class="flex-fill">
							<span>热搜：口东开发区 新锐科技 宝坻政府网 宝坻九园开发区</span>
						</div>
					</form>
				</div>
			</div>
		</div>
	</header>
	<nav class="navbar navbar-expand-sm bg-light navbar-light">
		<div class="container">
			<ul class="navbar-nav">
				<li class="nav-item active" style="margin-left:100px;">
					<a class="nav-link" href="#">首页</a>
				</li>
				<!-- 走进开发区 -->
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
						走进开发区
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="#">主导产业</a>
						<a class="dropdown-item" href="#">入驻企业</a>
						<a class="dropdown-item" href="#">开发区概况</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">宝坻概况</a>
					</div>
				</li>
				<!-- 投资开发区 -->
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
						投资开发区
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="#">投资环境</a>
						<a class="dropdown-item" href="#">投资成本</a>
						<a class="dropdown-item" href="#">投资流程</a>
					</div>
				</li>
				<!-- 政策法规 -->
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
						政策法规
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="#">科技企业</a>
						<a class="dropdown-item" href="#">人才政策</a>
						<a class="dropdown-item" href="#">其他政策</a>
					</div>
				</li>
				<!-- 新闻咨询 -->
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
						新闻咨询
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="#">招商咨询</a>
						<a class="dropdown-item" href="#">新闻动态</a>
						<a class="dropdown-item" href="#">通知公告</a>
					</div>
				</li>
				<!-- 联系我们 -->
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
						联系我们
					</a>
					<div class="dropdown-menu">
						<a class="dropdown-item" href="#">联系我们</a>
						<a class="dropdown-item" href="#">在线地图</a>
					</div>
				</li>
				<li class="nav-item align-content-center justify-content-center d-flex flex-row align-items-center">
					<img src="image/phone.png" alt="" >
					<font class="text-muted">022-82500609</font>
				</li>
			</ul>
		</div>
	</nav>
	<div class="container mt-2">
		<div  class="row">
			<div class="col-lg-7">
				<!-- 轮播开始 -->
				<div id="demo" class="carousel slide" data-ride="carousel">
					<!-- 指示符 -->
					<ul class="carousel-indicators">
						<li data-target="#demo" data-slide-to="0" class="active"></li>
						<li data-target="#demo" data-slide-to="1"></li>
						<li data-target="#demo" data-slide-to="2"></li>
					</ul>
					<!-- 轮播图片 -->
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img src="http://static.runoob.com/images/mix/img_fjords_wide.jpg" style="width:665px;height: 359px">
							<div class="carousel-caption">
								<h3>第一张图片描述标题</h3>
								<p>描述文字!</p>
							</div>
						</div>
						<div class="carousel-item">
							<img src="http://static.runoob.com/images/mix/img_nature_wide.jpg" style="width:665px;height: 359px">
							<div class="carousel-caption">
								<h3>第二张图片描述标题</h3>
								<p>描述文字!</p>
							</div>
						</div>
						<div class="carousel-item">
							<img src="http://static.runoob.com/images/mix/img_mountains_wide.jpg" style="width:665px;height: 359px">
							<div class="carousel-caption">
								<h3>第三张图片描述标题</h3>
								<p>描述文字!</p>
							</div>
						</div>
					</div>

					<!-- 左右切换按钮 -->
					<a class="carousel-control-prev" href="#demo" data-slide="prev">
						<span class="carousel-control-prev-icon"></span>
					</a>
					<a class="carousel-control-next" href="#demo" data-slide="next">
						<span class="carousel-control-next-icon"></span>
					</a>

				</div>
				<!-- 轮播结束 -->
			</div>
			<!-- 轮播图右侧 -->
			<div class="col-lg-5 pb-3" style="background:#f8f9fa;">

				<!-- Nav tabs -->
				<ul class="nav nav-justified lunboy " role="tablist">
					<li class="nav-item">
						<a class="nav-link a xinWenTag" data-toggle="tab" href="#home">园区新闻</a>
					</li>
					<li class="nav-item">
						<a class="nav-link a" data-toggle="tab" href="#menu1">园区动态</a>
					</li>
				</ul>

				<!-- Tab panes -->
				<div class="tab-content">
					<div id="home" class="container tab-pane active"><br>
						

						<!-- <div style="background:url('image/sub_nav_bg.png') no-repeat;" class="yc">园区新闻</div> -->
						<div class="yqnews">
							<h6>口东园区与上海建筑材料协会签署战略合</h6>
							<p class="description">植好梧桐树 引来金凤凰 宝坻区口东开发区正式吸纳爱康企业集团华北生产基地入园 2018 年 5 月 21 日上午，宝坻口东工业园区与上海建筑材料协会签署战略合作协议，爱康企业集团华北..
							【阅读全文】</p>
						</div>
						<hr style="background-color:#007bff">
						<div class="liebiao">
							<ul>
								<li>
									<span>天津市宝坻区森岛1#地项目方案公示图</span>
									<span>[2010-1-15]</span>
								</li>
								<li>
									<span>宝地1#地项目总平面规划图</span>
									<span>[2010-1-30]</span>
								</li>
								<li>
									<span>天津金汇联商贸有限公司修建性图公示</span>
									<span >[2010-1-30]</span>
								</li>
								<li>
									<span>天津市京通管业有限公司总平面公示图</span>
									<span >[2010-1-30]</span>
								</li>
								<li>
									<span>天津市京通管业有限公司总平面公示图</span>
									<span>[2010-1-30]</span>
								</li>
								<li>
									<span>天津市京通管业有限公司总平面公示图</span>
									<span>[2010-1-30]</span>
								</li>
							</ul>
						</div>
					</div>
					<div id="menu1" class="container tab-pane fade"><br>
						<h3>Menu 1</h3>
						<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
					</div>
				</div>
			</div>
			<!-- 轮播图右侧 -->
		</div>
		<!-- 宝坻概况 -->
		<div  class="row mt-2 gaikuo">
			<div class="col-lg-7">
				<span class="common">园区概况</span>
				<div style ="width:100%;height:2px;background:#007bff;"></div>
				<div class="gaikuo-neirong">
					<p style="text-indent: 2em;">
						<span>
							天津宝坻塑料制品工业区成立于2008年，于2009年被天津市政府列为区县示范工业园区，总体规划面积10.77平方公里，产业定位确定为以塑料制品为主导的轻工业制造基地，经过几年的发 展，计划将工业区名称调整为天津宝坻口东工业区，产业定位为环保科技、智能电气和新材料。 总体规划面积10.77平方公里，储备地400亩。 工业区已开发面积6200亩，未开发土地1万亩，共涉及村庄10个，涉及人口8000人，其中， 农用地6602.9亩，居住用地和建设用地3383.1亩。 工业区内基础设施配套完善，基本到达九通一平标准。截止目前，园区共修建市政道路九 条，修建长度约1.83万，铺设沥青路面33.02万平方米; 铺设雨污管网3.5万米; 供水引入城区自来水， 铺设供水管线1.6万米; 建有35KV变电站一座; 占地21亩日处理...…… 【阅读全文】
						</span>
					</p>
					<p>
						<img class="img-fluid" src="http://static.runoob.com/images/mix/cinqueterre.jpg" alt="Chania" style="width:635px;height:150px;">
					</p>					
				</div>

			</div>
			<div class="col-lg-5  gonggao">
				<span class="common">园区概况</span>
				<div style ="width:100%;height:2px;background:#007bff;"></div>
				<!-- Tab panes -->
				<div class="container">
					<div class="liebiao">
						<ul>
							<li>
								<span>天津市宝坻区森岛1#地项目方案公示图</span>
								<span>[2010-1-15]</span>
							</li>
							<li>
								<span>宝地1#地项目总平面规划图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津金汇联商贸有限公司修建性图公示</span>
								<span >[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span >[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 宝坻概况 -->
		<!-- 第3部分1 -->
		<div  class="row mt-2 fagui">
			<!-- 政策法规 -->
			<div class="col-lg-7">
				<span class="common">投资环境</span>
				<div style ="width:100%;height:2px;background:#007bff;"></div>
				<div class="gaikuo-neirong">
					<p>
						<div style="background: #ccc;border-radius: 50%; width:150px;height:150px;float: left;margin-right:55px;"></div>
						<div style="background: #ccc;border-radius: 50%; width:150px;height:150px;float: left;margin-right:55px;"></div>
						<div style="background: #ccc;border-radius: 50%; width:150px;height:150px;float: left;"></div>
						<div style="clear: both;"></div>

					</p>					
					<p style="text-indent: 2em;">
						<span>
							础设施建设:规划建设最低达到九通一平的标准，即道路通、供水通、排水通、供电通、供暖通、燃气通、闭路电视通、宽带网通、通讯通，土地自然平整。 一平 ：土地自然平整。 道路通 ：开发区内的道路规划采取环型方格网式道路布局形式，60米宽的宝中道贯穿东西成为开发区的主要干道，开发区中部的40米宽道路和城区相连，四周为环型便道，使整个开发区形成便捷的交通网络。车行道两侧均有3米便道和6至15米的绿化带。 供水通 ：开发区给水采...…… 【阅读全文】
						</span>
					</p>
				</div>
			</div>
			<!-- 政策法规 -->
			<!-- 投资环境 -->
			<div class="col-lg-5">
				<div class="container">
					<span class="common">政策法规</span>
					<div style ="width:100%;height:2px;background:#007bff;"></div>
					<div class="yqnews mt-3">
						<h6>口东园区与上海建筑材料协会签署战略合</h6>
						<p class="description">植好梧桐树 引来金凤凰 宝坻区口东开发区正式吸纳爱康企业集团华北生产基地入园 2018 年 5 月 21 日上午，宝坻口东工业园区与上海建筑材料协会签署战略合作协议，爱康企业集团华北..
						【阅读全文】</p>
					</div>
					<div class="liebiao">
						<ul>
							<li>
								<span>天津市宝坻区森岛1#地项目方案公示图</span>
								<span>[2010-1-15]</span>
							</li>
							<li>
								<span>宝地1#地项目总平面规划图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津金汇联商贸有限公司修建性图公示</span>
								<span >[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span >[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
							<li>
								<span>天津市京通管业有限公司总平面公示图</span>
								<span>[2010-1-30]</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 投资环境 -->
		</div>
		<!-- 第3部分2 -->
		<!-- 第4部分1 -->
		<div  class="row mt-2 zhudao">
			<!-- 主导产业 -->
			<span class="common">主导产业</span>
			<div style ="width:100%;height:2px;background:#007bff;"></div>
			<div class="col-lg-12 d-flex flex-row align-items-center justify-content-center">
				<div class="flex-fill"><img src="image/z1.png" alt=""></div>
				<div class="flex-fill"><img src="image/z2.png" alt=""></div>
				<div class="flex-fill"><img src="image/z3.png" alt=""></div>
				<div class="flex-fill"><img src="image/z4.png" alt=""></div>
			</div>	
			<!-- 主导产业 -->
		</div>
		<!-- 第4部分2 -->
		<!-- 第5部分1 -->
		<div  class="row mt-2 mingqi">
			<!-- 区内名企 -->
			<div class="col-lg-7" style="background:#f8f9fa">
				<span class="common">区内名企</span>
				<div style ="width:100%;height:2px;background:#007bff;"></div>
				<div class="liebiao2">
					<ul>
						<li style="background: url(image/xwl.png) repeat-x;background-position:center;overflow: hidden;">
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市宝坻区森岛1#地项目方案公示图</span>
							<span>[2010-1-15]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">宝地1#地项目总平面规划图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津金汇联商贸有限公司修建性图公示</span>
							<span >[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span >[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
							<span><img src="image/xwd.png" alt="" class="mr-1">天津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</li>
						<li>
						<a href="">
							<span><img src="image/xwd.png" alt="" class="mr-1">天1231津市京通管业有限公司总平面公示图</span>
							<span>[2010-1-30]</span>
						</a>
						</li>
					</ul>
				</div>

			</div>
			<!-- 区内名企 -->
			<!-- 联系我们 -->
			<div class="col-lg-5">
				<span class="common">联系我们</span>
				<div style ="width:100%;height:2px;background:#007bff;"></div>
				<!-- 地图开始 -->
				<div class="right" id="allmap">
					<!--map1  -->
					<!--引用百度地图API-->
					<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=vFfeXavq3ucSCBa1Bno35m8vHxAY0EHO"></script>
					<!--百度地图容器-->
					<div id="allmap"></div>
					<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
  }
  function createMap(){ 
  	map = new BMap.Map("allmap"); 
  	map.centerAndZoom(new BMap.Point(117.37095,39.670851),18);
  }
  function setMapEvent(){
  	map.enableScrollWheelZoom();
  	map.enableKeyboard();
  	map.enableDragging();
  	map.enableDoubleClickZoom()
  }
  function addClickHandler(target,window){
  	target.addEventListener("click",function(){
  		target.openInfoWindow(window);
  	});
  }
  function addMapOverlay(){
  	var markers = [
  	{content:"我的备注",title:"天津宝坻口东开发区投资网",imageOffset: {width:0,height:3},position:{lat:39.716663,lng:117.314982}}
  	];
  	for(var index = 0; index < markers.length; index++ ){
  		var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
  		var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
  			imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
  		})});
  		var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
  		var opts = {
  			width: 200,
  			title: markers[index].title,
  			enableMessage: false
  		};
  		var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
  		marker.setLabel(label);
  		addClickHandler(marker,infoWindow);
  		map.addOverlay(marker);
  	};
  }
    //向地图添加控件
    function addMapControl(){
    	var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    	scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
    	map.addControl(scaleControl);
    	var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    	map.addControl(navControl);
    	var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
    	map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>

<!-- map2 -->
</div>
<!-- 地图结束 -->
</div>
<!-- 联系我们 -->
</div>
<!-- 第5部分2 -->
<!-- 第6部分1 -->
<div  class="row mt-3 link mb-3">
	
</div>
<!-- 第6部分2 -->
</div>
<footer>
	<div class="container">
		   <!-- 友情链接 -->
			<div class="d-flex align-items-center justify-content-center" style="height:100px">
				<span>宝坻新锐科技 | 宝坻磐古信息 |宝坻政府网站 | 宝坻新锐科技 | 宝坻磐古信息 |宝坻政府网站</span>
			</div>	
			<!-- 友情链接  -->
		     <div class="d-flex align-items-center justify-content-center" style="height:80px">
		    <div class="p-2 flex-fill">
		    	<img src="image/footer.png" alt="">
		    </div>
		    <div class="p-2 flex-column d-flex flex-fill">
		     <span>招商电话：022-22539000</span>
		     <span>版权所有：天津宝坻口东经济开发区投资网版权所有</span>
		     <span>ICP备案号：津ICP备16004485号-4</span>
		     <span>技术支持：宝坻新锐科技</span>
		    </div>
		    <div class="p-2 flex-fill">
		       <img src="image/weixin.png" alt="">
		    </div>
		  </div>
	</div>
</footer>
</body>
<script>
	$('.lunboy .nav-item').click(function(event) {
		idx=$(this).index();
		$('.lunboy .nav-item>.a').eq(idx).addClass('xinWenTag');
		$('.lunboy .nav-item>.a').not($('.nav-item>.a').eq(idx)).removeClass('xinWenTag');
	});
</script>
</html>